@charset "utf-8";
.subMenu{display: none;position: absolute; top: 100%;left: -475px;width: 1036px; overflow: hidden; background: rgba(245, 245, 245, .5); }
.subMenu .problock{ margin: .5em .2em; background: #f5f5f5; border: solid 1px #b0b0b0; min-height: 456px;}

.subMenu a{ background: none !important;}
.subMenu a h3{-moz-transition: all .8s ease 0s;
-ms-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
transition: all .8s ease 0s;}
.subMenu a:hover h3{ font-size: 1.2em !important;}
.subMenu a img{-moz-transition: all .8s ease 0s;
-ms-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
transition: all .8s ease 0s;}
.subMenu a:hover img{transform: scale(1.15);-moz-transition: all .8s ease 0s;
-ms-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
transition: all .8s ease 0s;}
.subMenu ul li{ width: 100%;}
.subMenu ul li a{ font-size:14px; display:block; width:100%;white-space:nowrap; overflow:hidden; text-overflow: ellipsis; background: none !important;}
.subMenu ul li a div{max-width:90%;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.subMenu ul li a::after{ content: ""; position:relative; display:block; width: 1px; height: 1px; background: rgba(255, 255, 255, .8);
-moz-transition: all .8s ease 0s;
-ms-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
transition: all .8s ease 0s;
opacity: 0;}
.subMenu ul li a:hover::after{ width: 100%;opacity: 1;}
.subMenu ul li a:hover{ }
.subMenu .w3{ float: left;}
.subMenu .w3 .w4::after{content: ""; position: absolute; margin-left: 5em; top:20%;  width: 1; height: 15em; border-right:dotted 1px rgba(255, 255, 255, .6);}
img{ max-width: 100%;}
.sb-search {
	position: relative;
	margin-top: -5px;
	width: 0%;
	min-width: 50px;
	height: 50px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
	right: 5%;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: none;
	width: 200px;
	height: 50px;
	margin: 0;
	z-index: 10;
	padding: 20px 65px 20px 20px;
	font-family: inherit;
	font-size: 16px;
	color: #fff;
}

.sb-search-input::-webkit-input-placeholder {
	color: #fff;
}

.sb-search-input:-moz-placeholder {
	color: #fff;
}

.sb-search-input::-moz-placeholder {
	color: #fff;
}

.sb-search-input:-ms-input-placeholder {
	color: #fff;
}

.sb-icon-search,
.sb-search-submit  {
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	background: none;
	z-index: 90;
	font-size: 22px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}
.fa-search{font-size:15px; color:#fff; padding: .5em;border-radius: 50%;}
.sb-icon-search:before {
	content: "";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 200px;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: none;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}
.demo-nav.fixed.fixed-top {
    z-index: 8;
    background: #fff;
    width: 100%;
    padding: 0;
    border-bottom: solid 3px #0a8;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
}
.quan{ background: #a5a5a5;border-radius:50%;color:#fff;text-align:center;width:20px; height:20px; margin-left: 10px; line-height:20px; display: inline-block;}
.quan i{color: #fff;}
.quan:hover{ background: #ff9000;}
#weixin2 {
	position: absolute;
    display: none;
    margin-top: 8px; margin-left: -40px; z-index: 999; width: 80px; height: 80px;
}
#weixin4 {
    position: absolute;
    display: none;
    margin-left: 60px;
    margin-top: -40px; width: 80px;
}
.maxwidth{ width:100%; max-width: 1920px; margin: auto;}
.indexpro{padding: 70px 0; border-top:solid 1px #cdcdcd; border-bottom:solid 1px #cdcdcd;}
.indexpro div {
    text-align: center;
    border-right: solid 1px #ddd;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;
}
.indexpro h2 {
    font-size: 24px; line-height: 2; margin-bottom: 0;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.idpro1{padding-top: 1rem; background: var(--color-light);}
.idpro1 .scale{background: url(../images/pro1bg.jpg) no-repeat left top;}
.idpro2 {
    padding-top: 1rem;
}
.idpro1 p{ color: #999;}
.idpro1:hover{background: var(--color-main); color: #fff;}
.idpro1:hover a{color: #fff;}
.idpro1:hover p{color: #fff;}
.indexpro p{margin: 50px auto 20px auto;}
.indexpro img{-moz-transition: all 1.8s ease 0s;-ms-transition: all 1.8s ease 0s;-o-transition: all 1.8s ease 0s;transition: all 1.8s ease 0s;}
.indexpro span{ display: block;  margin: auto; -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.indexpro .button{ margin-bottom: 50px;}
.indexpro div:hover{ background: #212121;}
.indexpro div:hover h2{ font-weight: bold;}
.indexpro div:hover img{transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);}
.indexpro div:hover p{}
.indexpro div:hover span{ width: 70%;}

.indexpro1 div {
    text-align: center;
    border-right: solid 1px #ddd; padding-bottom: 20px;
}
.indexpro1 h2 {
    font-size: 16px; line-height: 2; height: 3rem;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.indexpro1 p{margin: 35px auto 15px auto; height: 58px;}
.indexpro1 img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.indexpro1 span{ display: block; background: #d4d4d4; width: 35px; height: 6px; margin: auto; border-radius: 6px;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.indexpro1 div:hover h2{ font-size: 20px; font-weight: bold;}
.indexpro1 div:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.indexpro1 div:hover p{ margin-bottom: 15px;}
.indexpro1 div:hover span{ width: 70%;}
.henggang{display: block; background: var(--color-sub); width: 52px; height: 6px; border-radius: 3px; margin: 10px 0;}
.yshenggang{display: block; background-image: linear-gradient(to right, var(--color-sub) , var(--color-main)); width: 100%; height: 6px;}
.daxie{text-transform:Uppercase; color: #969696;}
.text-align-center{ text-align: center;}
.rongyu{background:url(/skin/saibainuo/images/rongyubg.jpg) no-repeat center top; padding: 5px 0 10em 0;}
.indexyewu{ width: 20%; float: left; color: #fff; display: table; position: relative; overflow: hidden;}
.indexyewu img{ z-index: -2;}
.indexyewu p{ background: #003874;filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8; height: 25%;position: absolute; bottom: -16px; z-index: 1;width: 100%;}
.indexyewu h1{ font-size: 22px;position: absolute; bottom: 45px; text-align: center;width: 100%;z-index: 2;}
.indexyewu h2{ font-size: 13px;position: absolute; bottom: 20px; text-align: center;width: 100%;z-index: 2;}
.indexyewu:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transition: all 1.8s ease 0s;-ms-transition: all 1.8s ease 0s;-o-transition: all 1.8s ease 0s;transition: all 1.8s ease 0s;}
.indexyewu:hover p{ height: 100%;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.indexyewu:hover h1{ bottom: 60%;-moz-transition: all .5s ease .5s;-ms-transition: all .5s ease .5s;-o-transition: all .5s ease .5s;transition: all .5s ease .5s;}
.indexyewu:hover h2{ bottom: 45%;-moz-transition: all .7s ease .5s;-ms-transition: all .7s ease .5s;-o-transition: all .7s ease .5s;transition: all .7s ease .5s;}
.indexmessage dd{float: left; padding: 12px 5px 0;}
.idpro{ background: #fff; color: #666; text-align: center; margin-right: 0 !important;}
.idpro .img{overflow: hidden; margin: auto; width: 100%;}
.idpro .img img{width: 100%; -moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;}
.idpro:hover .img img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transition: all 1.8s ease 0s;-ms-transition: all 1.8s ease 0s;-o-transition: all 1.8s ease 0s;transition: all 1.8s ease 0s;}
.idpro:hover{color: var(--color-main) !important;}
.idpro .yinhao{ font-family: arial; color: #e9e9e9; font-size: 4rem;line-height: 1rem; margin-top: 3rem;}
.fenlei{justify-content: center;}
.fenlei a{ padding: .3rem 1rem !important; margin: 0 .2rem;}
.zhongtu{ margin:10px auto; float: none;}
.indexsearchbg2 input:focus{border: none;border-color:none;}
.effect-hover>div>.open-width {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    background: rgba(0,0,0,.5);
}
.yangpin .open-width{ opacity: 1; width: 36% !important; background: rgba(242,108,0,.75) !important;}
.open-width {
    opacity: 0;
    width: 0;
    height: 100%;
    transition: all .35s ease;
}
.effect-hover > .effect-content > strong {
    font-size: 1.25rem;
    margin-top: 10%;
    transition: all 0.3s ease;
}
.effect-hover > .effect-content > strong {
    color: #ff5006;
    font-weight: normal;
}
.effect-hover > .effect-content > p {
    display: block;
    font-size: .875rem;
    color: #fff;
    margin-top: -1.75rem;
    transition: all 0.3s ease;
}
.effect-hover > .effect-content {
    opacity: 0;
    transition: all 0.3s ease;
}
.effect-hover > .effect-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.effect-hover:hover>.effect-content{opacity:1;}
  .effect-hover:hover>.effect-content>i.icon-add{margin-bottom:0;}
  .effect-hover:hover>.effect-content>em{height:25%;}
  .effect-hover:hover>.effect-content>strong{transform:translateY(-.875rem);}
  .effect-hover:hover>.effect-content>p{transform:translateY(.875rem);}
  .effect-hover>.effect-content>i.icon-add:hover{transform:rotate(180deg);color:#fff!important;}
.effect-hover span{ position: absolute;opacity: 1; bottom: 40px; margin-left: 50px; font-weight: bold; font-size: 1.4em;}
.effect-hover span div{ font-weight: normal; font-size: .7em;}
.effect-hover:hover span{ opacity: 0;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.aboutus{ background: url(../images/abbg.jpg) no-repeat center top; padding-top: 150px; padding-bottom: 100px; margin-top: 80px;}
.abimg{ margin-top: 7.8rem; margin-bottom: 7rem;}
ul.num-change{margin-top: 70px;height: 150px;}
ul.num-change li{width: 33%;text-align: center; float: left;}
ul.num-change li.nobian::after{ background: none;}
ul.num-change li:first-child{ margin-left: -4.5rem;}
ul.num-change li:after{content: "";width: 1px;height: 60px;background: #ddd;float: right;margin-top: -70px;}
ul.num-change li h3{position: relative;font-size:1.5em;font-weight: bold;margin-bottom: .5rem; color: var(--color-main);}

ul.num-change li h3 span{font-size:2em;font-weight: bold;}
ul.num-change li h3:after{content: "+";display: block;position: absolute;top: 0;right: 10%;font-size: 30px; color: var(--color-main);}
ul.num-change li h3.nojia:after{content: none;}
ul.num-change li h3 b{ font-size: .8em; font-weight: normal;}
ul.num-change li h4{position: relative;font-size:50px;font-weight: bold;}
ul.num-change li h4 span{font-size:50px;font-weight: bold;}
ul.num-change li h4:after{content: "";display: block;position: absolute;top: 0;right: 10%;font-size: 30px; color: #f38200;}
ul.num-change li h4.nojia:after{content: none;}
ul.num-change li p{font-size: 1em;}

.nav-tabs li{  text-align: center; font-size: 1em; cursor: pointer; width:148px; height: 34px; display: table; margin-bottom: .5rem; background: #fafafa;}
.nav-tabs li.active{background: var(--color-main);}
.nav-tabs li a{color: #555; background: none; border: none;}
.nav-tabs li a:hover{color:var(--color-main); background: none; border: none;}
.nav-tabs li.active > a:link{color: #fff; background:none; border: none;}
.nav-tabs li.active > a:visited{color: #fff; background:none; border: none;}
.nav-tabs li.active > a:hover{color: #fff; background:none; border: none;}
.nav-tabs li.active > a:active{color: #fff; background:none; border: none;}
.nav-tabs1{ width: auto;}
.nav-tabs1 li{ background: #e5e5e5; width: 148px; height: 34px; line-height: 34px; text-align: center; font-size: 1.2em; cursor: pointer; float: left;margin-right: .2rem;}
.nav-tabs1 li.active{background:var(--color-main);}
.nav-tabs1 li a{color: #555; background: none; border: none; font-size: 1rem;}
.nav-tabs1 li a:hover{color: #555; background: none; border: none;}
.nav-tabs1 li.active > a:link{color: #fff; background: none; border: none;}
.nav-tabs1 li.active > a:visited{color: #fff; background: none; border: none;}
.nav-tabs1 li.active > a:hover{color: #fff; background: none; border: none;}
.nav-tabs1 li.active > a:active{color: #fff; background: none; border: none;}
.newsindex{ padding: 70px 0 30px 0;}
.liuyan{background: url(../images/liuyanbg.jpg) no-repeat center top; height: 391px;}
.bannert{ background: rgba(242,108,0,.8); z-index: 100; position: absolute;border-top-right-radius:2em; text-indent:12.8%; color: #fff; width: 100%; height: 3em; margin-top: -3em; line-height: 3em;}
.bannert a{ color: #fff;}
.prodanji{ min-height: 260px;}
.prodanji2{ min-height: 200px;}
.guanjianci1{padding: 20px 0 20px 0;}
.guanjianci1 span{ margin: 0 1em; }
.bottom_zhong{padding: 2em 0 3em 0; margin: auto;}
.service .service-item > .service-body a{color: #fff;}
.service .service-item > .service-body a:hover{color: var(--color-main);}
.effect-hover:hover .open-height{
    height: 100% !important;
    opacity: 1;
}
.swiper-d{margin: 20px 0 20px 0;border: 1px solid #dddddd;overflow: hidden;scrollbar-width: none;overflow-x: hidden;position: relative;}
.swiper-d .swiper-slide{overflow: auto;position: relative;}
/*.swiper-d .swiper-slide img{margin-bottom: 64px;}*/
.swiper-d .swiper-scrollbar{width: 100%;height: 6px;position: absolute;left: 0;bottom: 0;z-index: 1;}

.arrow-r{margin: 0 auto;position: absolute;right: 50%;bottom: 0;margin-right: -125px;
animation:2s linear 0s normal none infinite lr;-webkit-animation:2s linear 0s normal none infinite lr;}
@-webkit-keyframes lr{25%{margin-right: -105px;}50%,100%{margin-right: -125px;}75%{margin-right: -105px;}}
@keyframes lr{25%{margin-right: -105px;}50%,100%{margin-right: -125px;}75%{margin-right: -105px;}}
.arrow-r img{display: inline;vertical-align: middle;}
.arrow-r span{color: #f27a24;}

.shengchanxianyangpin img{ width: 100%;}

.input250{width:300px; height: 48px;}
.service img {
    max-width: max-content;
}
.gaoduan_r{ padding: 4em 4em 0 4em;}
.gaoduan_r .zixun{ opacity: 0; white-space: nowrap; margin-left: -2em;}
.gaoduan:hover .gaoduan_r .zixun{ opacity: 1; margin-left: 3em;}
.gaoduan::after{content: ""; position: relative; margin-left: 0;  width: 1px; height: 2px; background:var(--color-main);-moz-transition: all .8s ease 0s;
-ms-transition: all .8s ease 0s;
-o-transition: all .8s ease 0s;
transition: all .8s ease 0s;}
.gaoduan:hover::after{ width: 100%;}
.yewu{ background:url(../images/yewubg.jpg) no-repeat center bottom ; padding-bottom: 10em;}
.bb{ position: absolute; top:50%}
.bb div{padding: 0 2em;}
.bb p{padding-top: .5em;}
.bb a p{ opacity: 0;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.bb a:hover p{ opacity: 1; transform:translateX(.875rem);}
.bb2{position: absolute; top:25%; left: 30%;}
.bb2 h1{font-size: 2.6em !important;}
.bb2 h1 div{ font-size: .9em; padding-top: .6em;}
.bottom_tou .button{ padding: .3em 4em;}
.danjiimg{max-width: 90%; height: 330px;}
.proindex{ padding: 4em 0 6em 0; background: url(../images/probg.jpg) no-repeat center top;}
.yangpin{ padding: 4em 0;}
.shengchanxian{ background: url(../images/shengchanxianbg.jpg) no-repeat center top; padding: 4em 0; height: 50em;}
.nav.nav-turn.qiehuanzi{ position: relative; display: flex; bottom: auto;}
.nav.nav-turn.qiehuanzi>li{ width: 12.5%;}
.nav.nav-turn.qiehuanzi>li>a{padding:0;width:100%;height:2.3em; line-height: 2.3em; border-radius:0 !important;border-style:solid;border-width:0; background: #fff; color: #666;}
.nav.nav-turn.qiehuanzi>li>a:hover{ color: #666 !important;}
.nav.nav-turn.qiehuanzi>li.active>a{background-color:var(--color-main); color: #fff;}
.nav.nav-turn.qiehuanzi>li.active>a:hover{ color: #fff !important;}
.aboutindex{}
.ableft{padding-right: 8%; padding-left: 4%; padding-top: 3%;}
.ab1{ width: 21%; margin-right: 10%; height: 72%;}
.ab2{ width: 58%;}
.youshi{ background: url(../images/youshibg.jpg) no-repeat center bottom; padding: 10px 0 6em 0;}
.ysbg1{background: url(../images/ysbg1.jpg) no-repeat center top;padding-left: 12.5%; padding-top: 3em; padding-bottom: 2em;}
.ysbg2{background: url(../images/ysbg2.jpg) no-repeat left top;}
.youshiimg{padding-left: 12.5%;}
.effect-hover>.effect-content>i.icon-add,.effect-hover>.effect-content>p{display:none;}
.effect-hover>.effect-content{ z-index:100; position:absolute;top:0;right:0;bottom:0;left:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.effect-hover>.effect-content>strong{color:#fff;font-weight:normal;font-size:.75rem;}
.proindex.effect-hover:hover>.effect-content>strong{color:#ff9914; margin-top: 0;}
.proindex.effect-hover:hover>.effect-content>p{ margin-top: 12rem;}
  .effect-hover>div>.open-width{position:absolute;top:0;left:0;width:0;background:rgba(0,0,0,.5);}
  .effect-hover>div>.open-height{position:absolute;top:0;left:0;right:0;height:100%;background:rgba(0,0,0,.6);}
  .open-height1{position:absolute;top:0;left:0;right:0;height:0;background:rgba(0,0,0,.2);}
  .effect-hover>.effect-content{opacity:1;transition:all 0.3s ease;}
  .effect-hover>.effect-content>i.icon-add{display:inline-block;font-size:2rem;margin-bottom:1.5rem;transition:all 0.3s ease;}
  .effect-hover>.effect-content>em{background:rgba(255,255,255,.25);margin-bottom:.5rem;width:1px;height:1rem;transition:all 0.3s ease;}
  .effect-hover>.effect-content>strong{font-size:1.5rem;margin-top:-30%;transition:all 0.3s ease;}
  .effect-hover>.effect-content>p{opacity:0;display:block;font-size:.875rem;color:#fff;margin-top:-1.75rem;transition:all 0.3s ease;}
  .effect-hover:hover>.effect-content{opacity:1;}
  .effect-hover:hover>.effect-content>i.icon-add{margin-bottom:0;}
  .effect-hover:hover>.effect-content>em{height:25%;}
  .effect-hover:hover>.effect-content>strong{transform:translateX(50%);}
  .effect-hover:hover>.effect-content>p{opacity:1;transform:translateY(1.275rem);}
  .effect-hover>.effect-content>i.icon-add:hover{transform:rotate(180deg);color:#fff!important;}
  .effect-hover > .effect-content > strong.weight-big {
      color: #fff; font-size: 1.3rem;
      position: absolute;
      bottom: 35%;
      left: 8%;
  }
  .effect-hover > .effect-content > strong.weight-big1 {
      color: #202020; font-size: 2rem;
      position: absolute; width: 25%;
      top: 15%;
      left: 8%;
  }
  .effect-hover > .effect-content > strong i{ font-size: 1rem !important;}
  .effect-hover:hover > .effect-content > strong.weight-big1{ color: #fff;}
  .effect-hover:hover > .effect-content > strong .border-dark{ border-color: #fff !important; color: #fff !important;}
  
.shuzi01{ background: #fff url(../images/shuzi1.jpg) no-repeat 95% bottom;margin-left: 7%;width: 43%;}
.shuzi02{ background: #fff url(../images/shuzi2.jpg) no-repeat 5% bottom;margin-right: 7%;width: 43%;}
.shuzi03{ background: #fff url(../images/shuzi3.jpg) no-repeat 95% bottom;margin-left: 7%;width: 43%;}
.proindex .padding{ padding: .5em !important;}
.toptop{ position: absolute; z-index: 999;width: 100%;}
.navbar-logo{ padding-left: 5%;}
.inews_list{ padding-left: 3.6em;}
.inews_list li {
    border-bottom: 1px solid #f3f3f3;
    clear: both;
    overflow: hidden;
    padding: 18px 10px 20px 10px;
    transition: all 0.3s ease 0s;
}
.inews_list ._date1 {
    color: #555;
    float: left;
    font-family: kalinga,Arial;
    font-size: 40px;
    line-height: 1.5;
    margin-right: 30px;
    padding-top: 10px;
    text-align: center;
    width: 110px;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
.inews_list ._date1 ._d1 {
    display: block;
    font-size: 21px;
    margin-bottom: -10px;
    text-align: right;
}
.inews_list ._intro {
    overflow: hidden;
}
.inews_list ._intro a{ text-decoration: none;}
.inews_list ._intro a:hover ._title{ 
    font-size: 26px;color: var(--color-main);
    line-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;  margin-top: 0;margin-bottom: 0;
    -moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.inews_list ._intro a ._title {
    font-size: 26px;
    font-weight: normal;
    height: 45px;
    line-height: 45px; margin-top: 0;margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}

.inews_list ._text { padding-top: 5px;
    line-height: 1.8em; color:#888; font-size: 1rem;
    overflow: hidden;
}
.inews_list li:hover ._text{ color: var(--color-main);}
.inews_list ._text a{ color:#777;}
.inews_list li{}
.inews_list li:hover{background: #fff;}
.inews_list li:hover a, .inews_list li:hover ._title, .inews_list li:hover ._title, .inews_list li:hover ._more {
    color: inherit;
}

.inews_list li:hover ._date1 {
    color: var(--color-main);-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
.inews_list li:hover .nl_icon {
    font-weight: normal;
}

.inews_list .nl_icon {
    background-color: #667583;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin-right: 10px;
    padding: 0 10px;
    vertical-align: 3px;
}
.zhinan a.li{ border:solid 1px #ddd; padding: 3em 0;}
.zhinan a.li h3{padding-top: .5em;}
.zhinan a.li i{ color: var(--color-main); font-size: 1.5em;}
.zhinan a.li:hover i{ color: #fff;}
.zhinan a.li:hover{ background: var(--color-main);-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; color: #fff;}
.zhinan a.li:hover .padding-left{transform:translateX(1em);-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;}
.zhinan a.li .padding-left{-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.zhinan a.li img{-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;}
.zhinan a.li:hover img{transform:scale(1.4);-moz-transition: all 1.2s ease;-ms-transition: all 1.2s ease;-o-transition: all 1.2s ease;transition: all 1.2s ease;}
.dianniu{ }
.dilian a{ color: #fff; font-size: 1.4em;}
.dilian a:hover{ color: var(--color-main);}
.dianniu img{border-top: solid 1px #ddd; border-left: solid 1px #ddd;}
#auto1 img{}
#auto1 p{ position: absolute; background: rgba(13,52,131,.8);border-top-right-radius: 1.5em !important;
border-bottom-left-radius: .5em !important; height: 3.6em; line-height: 3.6em; padding: 0 3em; z-index: 10; margin-top: -3.6em; color: #fff;}
.lightbox .lb-image {
    max-width: max-content;
}
#navButtons{ position:fixed; z-index:9999;left:0;right:0;bottom:0;height:4rem;background:var(--color-main);}
.navButtons ul{display:-webkit-box;display:-moz-box;display:box;width:100%; margin: 0; padding:0}
.navButtons li{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}
.navButtons li.on{background: var(--color-sub);height:4rem; }
.navButtons li a{text-align:center;color:#fff;display:block;font-size:.8rem; padding-top:2rem;line-height:2rem;height:16px;background-position:center 5px;background-repeat:no-repeat;background-size:28px 28px}
.navButtons li a:link{color: #fff;}
.navButtons li a:visited{color: #fff;}
.navButtons li a:active{color: #fff;}
.navButtons li a:hover{color: #fff;}
.navButtons li .indexPage{background-image:url("../images/fw03/navbuttons_01.png")}
.navButtons li .telephoneButton{background-image:url("../images/fw03/navbuttons_02.png")}
.navButtons li .sendMail{background-image:url("../images/fw03/navbuttons_03.png")}
.navButtons li .weixin{background-image:url("../images/fw03/navbuttons_06.png")}
.navButtons li .companyMap{background-image:url("../images/fw03/navbuttons_04.png")}
.navButtons li .pageShare{background-image:url("../images/fw03/navbuttons_05.png")}
.tabnews{ border-bottom: none; padding-left: 0; position: relative; bottom: 0;}
.nav-about > li > a{ color: #666;}
.mingcheng{ line-height: 3;}
.aboutmenu img{ max-width: 48%;}
.input-group{ display: block;}
.qiehuanzi1{ display: none;}
@media(min-width:1600px){
  .effect-hover>.effect-content>i.icon-add{font-size:3rem;}
}
@media(max-width:1600px){
	.indexmessage1 dd{ max-width: 45%;}
	.logotext{display: none;}
	.danjiimg {height: 300px;}
	.youshitext{ font-size: .8rem !important;}
	.aboutmenu{ display: none !important;}
	.aboutmenu img{ max-width: 48%;}
  .input250{width:250px; height: 48px;}
  .bottom_tou .difuwu .button{ padding: .5em 2em;}
  .nav>li>a>div{ font-size: 11px;}
  .yshuantu{ max-height: 160px !important;}
  .yshuantu1{ max-height: 180px !important;}
  ul.num-change li h3 span {
      font-size: 1.3em;
      font-weight: bold;
  }
  ul.num-change li:first-child {
      margin-left: -2.5rem;
  }
  ul.num-change {
      margin-top: 30px;
      height: 80px;
  }
}
@media(max-width:1440px){
	
	.danjiimg {height: 280px;}
	.youshitext{ font-size: .8rem;}
	.aboutmenu{ display: none !important;}
	.aboutmenu img{ max-width: 48%;}
	.abouttext{ font-size: .8rem;}
	.inews_list ._text{ font-size: .8rem; line-height: 1.6;}
	.effect-hover > .effect-content > p{ margin-right: -30%;}
	.nav>li>a{padding:2.1em .8em; font-size: 16px;}
  .nav>li>a>div{ font-size: 10px;}
  .idpro .yinhao{ margin-top: 1rem;}
  .yshuantu{ max-height: 140px !important;}
  .yshuantu1{ max-height: 170px !important;}
  
  ul.num-change li h3 span {
      font-size: 1.3em;
      font-weight: bold;
  }
  ul.num-change li:first-child {
      margin-left: -2.5rem;
  }
}
@media(max-width:1280px){
	.subMenu{display: none;position: absolute; top: 100%;left: -405px;width: 936px; overflow: hidden; background: rgba(245, 245, 245, .5); }
	.subMenu .problock{ min-height: 416px;}
	.subMenu ul li a{font-size: 12px;}
	.inews_list ._text{ height: 30px;}
	.inews_list ._date1{ padding-top: 0;}
	.yangpin .open-width{width: 50% !important;}
	.danjiimg {height: 240px;}
	.youshitext{ display: none;}
	.effect-hover > .effect-content > p{ display: none;}
  .input250{width:200px; height: 48px;}
  .productnav{display: none;}
  .bottom_tou .difuwu .button{ padding: .5em 1em;}
  .nav>li>a{padding:2.3em .8em; font-size: 14px;}
  .nav>li>a>div{ font-size: 8px;}
  .idpro{ padding-right: 0;}
  .bg-main.h3{ font-size: 1rem !important;}
  .yshuantu{ max-height: 120px !important;}
  .yshuantu1{ max-height: 132px !important;}
  .weight-mini.h6{ font-size: .8rem !important;}
  .effect-hover > .effect-content > strong.weight-big1{ width: 45%;}
  .ysbg1{padding-top: 2em;
padding-bottom: 1em;}
ul.num-change li h3 span {
    font-size: 1em;
    font-weight: bold;
}
.ab2{ font-size: .8rem; width: 68%;}
.button.h5{ font-size: 1rem !important;}
.ab1 {
    width: 21%;
    margin-right: 5%;
    height: 72%;
}
ul.num-change li:first-child{ margin-left: 0;}
.margin-top-large{ margin-top: 1rem !important;}

}

@media(max-width:1024px){
  .input250{width:180px; height: 48px;}
  .nav>li>a>div{ display: none;}
  .nav>li>a{padding:.5em .5em; font-size: 14px;}
  .idpro{ padding-right: 0;}
  .idpro .yinhao{ display: none;}
  .yshuantu{ max-height: 110px !important;}
  .yshuantu1{ max-height: 122px !important;}
  .weight-mini.h6{ display: none;}
}
@media(max-width:768px){
	.navbar{background: none;}
	.subMenu{ display: none; opacity: 0;}
	.nav.nav-inverse > li > a {
	    color: #555;
	}
	.nav.nav-inverse > li > a:hover {
	    background: var(--color-main);
	}
	.shengchanxiantext{ margin-top: -3em;}
	.shuzi01, .shuzi02, .shuzi03{ width: 100%;}
	.shuzi01, .shuzi03{ margin-left:0;}
	.shuzi01 .daxie{ font-size: .9rem !important;}
	.shuzi01 h3{ font-size: .9rem !important;}
	.shuzi02 .daxie{ font-size: .9rem !important;}
	.shuzi02 h3{ font-size: .9rem !important;}
	.shuzi03 .daxie{ font-size: .9rem !important;}
	.shuzi03 h3{ font-size: .9rem !important;}
	.shuzi02{ margin-right:0;}
	.shengchanxian{ height: 28em;}
	#auto2 .flip-prev, #auto2 .flip-next{ background: var(--color-main) ;}
	#newslist li:last-child{ border-bottom: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important;}
	.ableft{ padding-bottom: 2em;}
	.nav.nav-turn.qiehuanzi{ display: none;}
	.nav.nav-turn.qiehuanzi1{ display: block;}
	.nav.nav-turn.qiehuanzi1{ position: relative; display: flex; bottom: auto;}
	.nav.nav-turn.qiehuanzi1>li{ width: 12.5%;}
	.nav.nav-turn.qiehuanzi1>li>a{padding:0;width:100%;height:2.3em; line-height: 2.3em; border-radius:0 !important;border-style:solid;border-width:0; background: #fff; color: #666;}
	.nav.nav-turn.qiehuanzi1>li>a:hover{ color: #666 !important;}
	.nav.nav-turn.qiehuanzi1>li.active>a{background-color:var(--color-main); color: #fff;}
	.nav.nav-turn.qiehuanzi1>li.active>a:hover{ color: #fff !important;}
	.navbar{ margin-bottom: 0;}
	.toptop{ position: relative;}
	.fenlei a{ padding: .3rem .2rem !important; width: 1.8rem;}
	.youshiimg {
	    padding-left: 0;
	}
	.ysbg1 {
	    padding-top: 1em;
	    padding-bottom: 0em;
	}
	.aboutindex{ padding: 0 0;}
	.yst1{ margin-bottom: .5rem !important;}
  .input250{width:400px; height: 48px;}
  .newsbox2{ float:right; padding-left: 0;}
  .bb2{position: absolute; top:10%; left: 10%;}
  .bb2 h1{font-size: 2em !important;}
  .effect-hover span{ position: absolute;opacity: 1; bottom: 40px; margin-left: 30px; font-weight: bold; font-size: 1.4em;}
  .newsindex{padding: 160px 0 30px 0;}
  .yewu{ padding-bottom: 3em;}
  .content div.c .jianjie{display: none;}
  .tuijianyewu{display: none;}
  .protitle{ margin-top: .5em; padding-top: 0 !important;}
  h2{font-size: var(--size-big) !important;}
  h2 .size-large{font-size: var(--size-big) !important;}
  .nav.nav-big > li > a{font-size: .8em !important; padding:.5em .3em !important;}
  .nav > li.drop > a::after{margin-left: 0; border:none;}
  .jiancexiangmu td{word-wrap: break-word; word-break: normal;}
  .ab1{ width: 100%; height: auto; border-right:none !important;}
  .ab2{ width: 100%; padding-top: 1rem; padding-right:5%;}
  .ableft {
      padding-right: 5%;
      padding-top: 5%;
  }
  .abouttu{ max-width: 100% !important; margin-right: 0 !important; margin-bottom: 1rem;}
  .margin-top-large{ margin-top: .5rem !important;}
  .padding-top-large{ padding-top: .5rem !important;}
  .margin-top-large{margin-top: var(--box-big) !important;}
  .content .list4 dl dd .jianjie{ display: none;}
  .content .list4 ._date1{font-size: 30px;}
  .wenhuaa .w6{ width: 100% !important;}
    .content .list4 ._date1 ._d1{ font-size: 12px;}
    .content .list4 .margin-right-large{ margin-right: .8rem !important;}
    .content .list4 h3{ line-height: 1.8;font-size: 1em !important;}
	.protitle {
	    font-size: 1.2em !important; padding-top: 1em;
	}
	.content .list4 dl{ padding: 10px;}
	.position{ border-bottom: solid 1px #ddd;}
	h1{ font-size: 1.5rem !important;}
	.h3{ font-size: 1.2rem !important;}
	h1.yingwen{ font-size: 1.1rem !important; margin-top: .5em;}
	h1.dabiaoti{ font-size: 1.6em !important; padding-bottom: 0 !important;}
	h1.dabiaoti1{ font-size: 1.6em !important; padding-bottom: 0 !important;}
	.effect-hover > .effect-content > strong.weight-big1 {
	    width: 85%;
	}
	.effect-hover > .effect-content > strong.weight-big1{ font-size: 1.2rem !important; text-align: left;}
	h5.daxie{ font-size: 1rem !important;}
	.idpro .img{border-top-right-radius: .8em;}
	.idpro .img img{ height: auto;}
	.container.padding-top-large{ padding-top: .5em !important;}
	#youshi{ width: 100% !important;}
	.yangpin {
	    padding: 3em 0;
	}
	.youshi .flip-prev {
	    left: 10%;
	}
	.youshi .flip-next {
	    right: 10%;
	}
	table td{ font-size: .8rem;}
	.prodanji {
	    min-height: auto;
	}
	.gaoduan_r {padding: 2em 1.5em 0 1.5em;}
	.navbar{ padding: 0;}
	.en{ color: #666 !important; padding-right:0 !important}
	.navbar-logo{ padding-left: 0 !important;}
	.abimg{ margin-top: 1.8em;margin-bottom: 2rem;}
	.flip > .flip-body > .flip-item{ text-align: center;}
	.rongyutu{ width: 82%;}
	.rongyu{padding: 5px 0 3em 0;}
	.mingcheng{ font-size: 1rem !important; margin-bottom: 0 !important; text-align: center;}
	.youshia{padding-bottom: 5em;}
	.newsindex {
	    padding: 10px 0 20px 0;
	}
	.flip-prev, .flip-next{ color: #999;border: solid 1px #999;}
	.abb{ padding-top: 2em;}
	.youshi{padding: 1em 0 3em 0;}
	.youshititle{ margin-bottom: 0 !important;}
	.proindex{padding: 3em 0 3em 0;}
	.padding-big{ padding: .8em !important;}
	#column{ padding-bottom: 4em;}
	.bottom{ padding-bottom: 4em;}
	.bannert{ position: relative;height: 2em;
margin-top: 0; z-index: 1;
line-height: 2em;border-top-right-radius: .5em;}
	.pronei a{ padding: .5em !important;}
	.w10{ width: 100% !important;}
	.guige{ padding-left: 0 !important; padding-right: 0 !important;}
	.hr span{ font-size: 1.1rem !important;}
	h1.text-sub{ font-size: 1.5rem !important;}
	.titlem{ padding-top: .5em; padding-bottom: 0 !important;}
	.aab{ height: auto !important;}
	.nav.nav-menu > li > a{ background: none;}
	.nav.nav-menu > li > a:hover{ color: #666;}
	.content .list4 dl dd h3{ line-height: 1.5;}
	.content .list4 dl dd{ margin-bottom: 0;}
}